import React from "react";
import {Button, Icon} from "semantic-ui-react";

const ButtonExampleButton = () => (
  <div>
    <Button primary>Primary</Button>
    <Button secondary>Secondary</Button>
  </div>
)

const ButtonExampleAnimated = () => (
  <div>
    <Button animated>
      {/*<Button.Content hidden>Next</Button.Content>*/}
      <Button.Content visible>
        <Icon name='arrow right' />
      </Button.Content>
    </Button>
    <Button animated='vertical'>
      <Button.Content hidden>Shop</Button.Content>
      <Button.Content visible>
        <Icon name='shop' />
      </Button.Content>
    </Button>
  </div>
)

const IconExampleLoading = () => (
  <div>
    <Icon loading name='spinner'/>
    <Icon loading name='certificate'/>
    <Icon loading name='asterisk' />
  </div>
)

// ========================================
export default ButtonExampleAnimated